<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.box{
				width:300px;
				height:300px;
				
	/*
				border-top-width:10px;
				border-right-width:20px;
				border-bottom-width:30px;
				border-left-width:40px;
				
				border-top-style:solid;
				border-right-style:double;
				border-bottom-style:dotted;
				border-left-style:dashed;
				
				border-top-color:red;
				border-right-color:green;
				border-bottom-color:blue;
				border-left-color:yellow;
		*/
		
		/*
				border-width:10px 20px 30px 40px;
				border-style:solid double dotted dashed;
				border-color:red green blue yellow;		
		*/
		
				border:0px solid red;
			
			}
			
			html{
				border:1px solid red;
			}
			body{
				border:1px solid green;
			}
			span{
				border:1px solid yellow;
				margin:0px;
			}
			h1{
				border:1px solid blue;
			}
			span:nth-of-type(5){
				color:red;
				margin:40px;
			}
		</style>
	</head>
	<body>
		<h1>hello</h1>
		<div class="box">
			<span>1</span><span>2</span><span>3</span>
			<span>1</span><span>2</span><span>3</span>
			<span>1</span><span>2</span><span>3</span>
		</div>
	</body>
</html>
